@charset "utf-8";
.banenr {
	height: 470px;
}

.banner_img img {
	width: 100%;
	height: 470px;
	margin-top: -5px;
}
.banner_lsit {
	width: 1000px;
	height: 92px;	
	color: red;
	margin: 2px auto;

	
}

.banner_lsit li {
	overflow: hidden;
	width: 20%;
	float: left;
	opacity: 0.9;
	transition: ease 1s;	
	padding: 4px;
	box-sizing: border-box;
}

.banner_lsit li img{
	width: 100%;
	height: 100%;
	transition: all 1s ease;
	
}
.banner_lsit li img:hover{
	overflow: hidden;
	cursor: pointer;
	opacity: 1;
	transform: scale(1.1);		
}

.word{
	padding-top: 40px;
	width: 100%;
	height: 60px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 20px;
}
.word div{
	display: inline-block;
	margin-top: -50px;
    border-bottom: 3px solid red;
    width: 25px;
    vertical-align: middle; 
    height: 40px; 
}
.product_recommend{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.to_left{
	float: left;
	width: 16px;
	height: 50px;
	background-image: url(../img/to_left1.png);
	text-align: center;
	margin-top: 90px;
}
.to_left:hover{
	background-image: url(../img/to_left2.png);
}

.to_right{
	float: right;
	width: 16px;
	height: 50px;
	background-image: url(../img/to_right1.png);
	background-repeat: no-repeat;
	margin-top: 90px;
}
.to_right:hover{
	background-image: url(../img/to_right2.png);
}

.product{
	background: yellow;
	width: 800px;
	margin:0 auto;	
}
.product li{
	float: left;
	width: 200px;
	height: 220px;
	text-align: center;
	padding-bottom: 120px;
}
.product p{
	color: #444f58;
	font-size: 15px;
	padding-bottom: 5px;
}
.product span{
	color: #99999a;
	font-size: 15px;
}
.product li img {
	border-color: white;
	transition: all 0.5s ease-in;
}
.product li:hover img{
	border-bottom: 1px solid #eb4130;	
	transform:translate(0,-5px);
}
.ad{
	text-align: center;
	width: 100%;
	height: 130px;
	background: #eef3f9;
}
.cyclingwear{
	width: 1000px;	
	margin: 0 auto;
}
.wear_img {
	position: relative;
	overflow: hidden;
	float: left;
	width: 400px;
	height: 224px;
}
.wear_img img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
.wear_img_big {
	overflow: hidden;
	float: left;
	width: 400px;
	height: 224px;
}
.wear_img_two {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	/*background: yellow;*/	
}

.wear_img_two img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*骑行服双图左侧框图样式S*/
.wear_img_two_qixingfu_left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	background: #64cf8b;	
}
.wear_img_two_qixingfu_left img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two_qixingfu_left:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*骑行服双图左侧框图样式E*/

/*骑行服双图右侧框图样式S*/
.wear_img_two_qixingfu_right {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	background: #38aebd;	
}
.wear_img_two_qixingfu_right img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two_qixingfu_right:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*骑行服双图右侧框图样式E*/

/*跑步服双图左侧框图样式S*/
.wear_img_two_paobufu_left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	background: #f8f8f8;	
}
.wear_img_two_paobufu_left img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two_paobufu_left:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*跑步服双图左侧框图样式E*/

/*跑步服双图右侧框图样式S*/
.wear_img_two_paobufu_right {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	background: #ebe2e3;	
}
.wear_img_two_paobufu_right img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two_paobufu_right:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*跑步服双图右侧框图样式E*/

/*铁三服双图左侧框图样式S*/
.wear_img_two_tiesanfu_left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	background: #f1f1f1;	
}
.wear_img_two_tiesanfu_left img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two_tiesanfu_left:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*铁三服双图左侧框图样式E*/

/*铁三服双图右侧框图样式S*/
.wear_img_two_tiesanfu_right {
	position: relative;
	overflow: hidden;
	float: left;
	width: 197px;
	height: 224px;
	background: #ebe2e3;	
}
.wear_img_two_tiesanfu_right img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	transition: ease 1s;
}
.wear_img_two_tiesanfu_right:hover img{
	cursor: pointer;
	opacity: 1;	
	transform: scale(1.1);	
}
/*铁三服双图右侧框图样式E*/

.wear_img_big div:nth-child(2){
	float: right;
}
.wear_img_word_twocol h1{
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 35px;
	color: #FFFFFF;	
}
.wear_img_word_twocol ul{
	width: 165px;
	height: 83px;
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 115px;
	color: #FFFFFF;	
}
.wear_img_word_twocol ul h1{
	letter-spacing: 2px;
	margin-bottom: 41px;
}
.wear_img_word_twocol li{
	float: left;
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: #f0b0b7;
	padding-left: 6px;
	margin-right: 5px;
	color:white ;
}
.wear_img_word_twocol li:hover{
	float: left;
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: #e48b95;	
	padding-left: 6px;
	margin-right: 5px;
	color: #FFFFFF;
}

.wear_img_word ul{
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 35px;
	color: #FFFFFF;	
}
.wear_img_word ul h1{
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.wear_img_word li{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(28,133,84,0.4);
	padding-left: 6px;
	color: #FFFFFF;
}
.wear_img_word li:hover{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(14,56,36,0.4);
	padding-left: 6px;
	color: #FFFFFF;
}

/*跑步服左1图片文字样式S*/
.wear_img_word_run ul{
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 35px;
	color: #000000;	
}
.wear_img_word_run ul h1{
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.wear_img_word_run li{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(7,136,114,0.4);
	padding-left: 6px;
	color: #FFFFFF;
}
.wear_img_word_run li:hover{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(36,68,70,0.6);
	padding-left: 6px;
	color: #FFFFFF;
}
/*跑步服左1图片文字样式E*/

/*跑步服左2图片文字样式S*/
.wear_img_word_run2 ul{
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 35px;
	color: #000000;	
}
.wear_img_word_run2 ul h1{
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.wear_img_word_run2 li{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(204,142,137,0.4);
	padding-left: 6px;
	color: #FFFFFF;
}
.wear_img_word_run2 li:hover{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(183,77,69,0.6);
	padding-left: 6px;
	color: #FFFFFF;
}
/*跑步服左2图片文字样式E*/


/*铁三服左1图片文字样式S*/
.wear_img_word_tiesanfuleft1 ul{
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 35px;
	color: #000000;	
}
.wear_img_word_tiesanfuleft1 ul h1{
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.wear_img_word_tiesanfuleft1 li{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(123,49,49,0.4);
	padding-left: 6px;
	color: #FFFFFF;
}
.wear_img_word_tiesanfuleft1 li:hover{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(132,17,17,0.6);
	padding-left: 6px;
	color: #FFFFFF;
}
/*铁三服左1图片文字样式E*/

/*铁三服左2图片文字样式S*/
.wear_img_word_tiesanfuleft2 ul{
	position: absolute;
	z-index: 1;
	left: 23px;
	top: 35px;
	color: #FFFFFF;	
}
.wear_img_word_tiesanfuleft2 ul h1{
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.wear_img_word_tiesanfuleft2 li{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(65,113,169,0.4);
	padding-left: 6px;
	color: #FFFFFF;
}
.wear_img_word_tiesanfuleft2 li:hover{
	margin-top: 5px;
	font-size: 12px;
	width: 71px;
	height: 17px;
	background: rgba(7,79,162,0.6);
	padding-left: 6px;
	color: #FFFFFF;
}
/*铁三服左2图片文字样式E*/

.wear_list {
	padding-bottom: 4px;
	float: right;
	width: 600px;
	/*border: 1px solid #dee0e2;*/
}
.wear_list li{
	overflow: hidden;
	padding-left: 10px;
	padding-right: 12px;	
	float: left;
	width: 167px;
	height: 222px;
	border: 1px solid #dee0e2;
	margin-left: 9px;
}

.wear_list li img{
	/*width: 100%;*/
	transition: ease 1s;		
}
.wear_list li img:hover{
	transform:translate(5px,0px);
	filter:alpha(opacity=50);
}
.wear_list li p{
	font-size: 15px;	
	color: #000000;
	margin: 4px 0;	
}
.wear_list li p{
	font-size: 15px;
}
.wear_list li p:hover{
	color: orangered;
}

.wear_list a:nth-of-type(1){
	display: block;
	width: 167px;
	height: 150px;
	overflow: hidden;
	text-align: center;
}
.wear_list a:nth-of-type(1) img{
	margin-top: 5%;
	height: 90%;
}
.wear_list li div:nth-last-of-type(1){
	float: right;
	width: 83px;
	height: 20px;
	margin-right: 2px;
	background: #000000;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 12px;	
}
.wear_list li div:nth-last-of-type(1) img{
	width: 13px;
	height: 13px;
	margin-left: 5px;
	vertical-align: middle;
}
.wear_list li div:nth-last-of-type(1):hover img{
	transform: translate(65px,0px) rotate(1800deg);
	transition: 1s ease;
	
}
.wear_list li div:nth-last-of-type(1):hover span{
	color: #eb4130;
}
.wear_list li div:nth-last-of-type(1) span{
	vertical-align: middle;		
	font-size: 12px;
	color: white;	
}

/*休闲款大图片盒子S*/
.xiuxiankuanImgBox{
	width: 1000px;
	height: 380px;
	background: skyblue;
	margin: 5px auto;
	overflow: hidden;
}
.xiuxiankuanImgBox img{
	opacity: 0.9;
	transition: all 1s;
}
.xiuxiankuanImgBox img:hover{
	cursor: pointer;
	opacity: 1;
	transform: scale(1.1);
}
/*休闲款大图片盒子E*/

/*休闲款子图片S*/
.xiuxiankuanImgBox li{
	position: relative;
	overflow: hidden;
	float: left;
	width: 25%;
	height: 80%;
}
/*休闲款子图片E*/

/*休闲li定高，宽自适应S*/
.xiuxianheight {
	height: 380px;
}
.xiuxianheight img{
	height: 100%;
}
/*休闲li定高，宽自适应E*/

/*休闲最后一列第一个图片样式S*/
.xiuxianheighttop1{
	overflow: hidden;
	height: 189px;
	padding-bottom: 1px;
}
.xiuxianheighttop1 img{
	height: 100%;
}
/*休闲最后一列第一个图片样式E*/
/*休闲最后一列第二个图片样式S*/
.xiuxianhighttop2{
	overflow: hidden;
	height: 189px;
	padding-top: 1px;
}
.xiuxianhighttop2 img{
	height: 100%;

}
/*休闲最后一列第二个图片样式E*/

/*休闲款第二列文字设置样式S*/
.xiuxian_word_col2 p{
	/*z-index: 2;*/
	position: absolute;
	left: 140px;
	top: 85px;
	color: #FFFFFF;	
	font-family: Arial;
	font-weight:bold;
	font-size: 24px;
}
.xiuxian_word_col2 span{
	
}
/*休闲款第二列文字设置样式E*/

/*休闲款第三列文字设置样式S*/
.xiuxian_word_col3 p{
	/*z-index: 2;*/
	position: absolute;
	left: 40px;
	top: 85px;
	color: #3f4248;	
	font-family: Arial;
	font-weight:bold;
	font-size: 24px;
}
.xiuxian_word_col3 a{
	display: block;
    border: 1px solid #000000;
    width: 130px;
    text-align: center;
    height: 32px;
    line-height: 24px;
    position: absolute;
    left: 60PX;
    top: 290px;
    font-size: 15px;
    transition: all 500ms;
    background: rgba(0,0,0,0.01);
}
.xiuxian_word_col3 a:hover {
    background: rgba(0,0,0,0.1);
}
.xiuxian_word_col3 a span{
	display: inline-block;
	font-size: 15px;
	color: #000000;	
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
}


/*休闲款第三列文字设置样式E*/

/*休闲款第四列文字设置样式S*/
.xiuxian_word_col4 p{
	/*z-index: 2;*/
	position: absolute;
	left: 100px;
	top: 35px;
	color: #93e1db;	
	font-family: Arial;
	font-size: 19px;
	transition: all 500ms;
    background: rgba(0,0,0,0.01);
}

.xiuxian_word_col4 a{
    display: block;
    border: 1px solid #ffffff;
    width: 130px;
    text-align: center;
    height: 32px;
    line-height: 24px;
    position: absolute;
    left: 60PX;
    top: 290px;
    font-size: 15px;
    transition: all 500ms;
    background: rgba(0,0,0,0.01);
}
.xiuxian_word_col4 a:hover{
    background: rgba(0,0,0,0.1);
}
.xiuxian_word_col4 a span{
	display: inline-block;
	font-size: 15px;
	color: #FFFFFF;	
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
}

/*休闲款第四列文字设置样式E*/


/*品牌专区S*/
.brand{
	width: 1000px;
	height: 335px;
	margin: 0 auto;
	border: 1px solid #dee0e2;
	margin-bottom: 20px;
	cursor: pointer;

}
.brand1{
	position: relative;
	overflow: hidden;
	float: left;
	width: 334px;
	height: 100%;
	background: #000000;	
	
}
.brand1 img{
	height: 100%;
}

/*-----------------------------------------------------------*/
/*品牌大列文字设置样式S*/
.brand1_word img{
	position: absolute;
	width: 70px;
	height: 68px;
	left: 30px;
	top: 0px;
	color: #93e1db;	
	font-family: Arial;
	font-size: 19px;
	transition: all 500ms;
    background: rgba(0,0,0,0.2);
}
.brand1 img{
	transition: ease 1s;
	background: #000000;		
}
.brand1:hover img{
    opacity: 0.6;
	/*filter:alpha(opacity=50);*/
}

.brand1 p{
	position: absolute;
	width: 270px;
	left: -270px;
	top: 100px;
	line-height: 150%;
	color: #FFFFFF;	
	font-size: 12px;
	transition: all 500ms;
    background: rgba(0,0,0,0.01);
	transition: all 500ms;  
}
.brand1:hover p{
	left: 30px;
	top: 100px;
	transition: all 300ms;
}
.brand1:hover a{
	left: 30px;
    top: 260px;
	transition: all 500ms;
}

	
.brand1_word a{
    width: 76px;
    text-align: center;
    height: 20px;
    line-height: 15px;
    position: absolute;
    left: -270px;
    top: 260px;
    transition: all 500ms;
    background: rgba(0,0,0,0.01);
    transition: all 500ms;
    border-radius: 10px;
    background: #eb413d;
}
.brand1_word a:hover{
    background: #ff1700;	
}
.brand1_word a span{
	font-size: 15px;
	color: #FFFFFF;	
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
}
/*-----------------------------------------------------------*/
/*品牌大列文字设置样式E*/

/*品牌小列图片样式设置S*/
.brand2{
	position: relative;
	float: right;
	width: 666px;
	height: 100%;

}
.brand2 li{
	position: relative;
	overflow: hidden;
	float: left;
	width: 332px;
	height: 167px;
	border-left: 1px solid #dee0e2;
	border-bottom: 1px solid #dee0e2;
}
.brand2 li img{
	height: 100%;
	transition: ease 1s;
	background: white;
}

.brand2 li:hover img{
    opacity: 0.3;
}
/*品牌小列图片样式设置E*/

/*品牌小列文字设置样式S*/
.brand2_word p{
	position: absolute;
	width: 275px;
	height: 110px;
	left: -280px;
	top: 15px;
	color: #000000;
	font-size: 12px;
	line-height: 150%;
	transition:all 300ms;
}

.brand2 li:hover p{
	left: 30px;
	top: 15px;
}
.brand2 a{
	position: absolute;
	font-size: 15px;
	color: #FFFFFF;	
	width: 76px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: -120px;
    top: 130px;
    transition: all 500ms;
    background: rgba(0,0,0,0.01);
    transition: all 500ms;
    border-radius: 10px;
    background: #eb413d;
}
.brand2 li:hover a{
	left: 30px;
    top: 130px;
}
/*品牌小列文字设置样式E*/
.brand2 a:hover{
    background: #ff1700;	
}


/*品牌专区E*/